<LI><A HREF = "#Why WW?">What does HTML Web Weaver offer to make all this easier/better?</A>
</UL><P>
<HR WIDTH=50> <P>
<HR WIDTH=300> <P>
<HR WIDTH=50> <P>
<P><HR><A NAME="WWW"><CENTER><H2>What is World Wide Web?</H2></CENTER></A>
The World Wide Web in simplest terms is an internationally networked organized collection of information.<P>
What does this mean?<P>
Basically this means using the right software you can read, see and even hear specific information that someone else has made public via your computer.<P>
Okay okay, so you probably already know this since you are using a Web Browser <I>(a software program that alow you to interact with the World Wide Web)</I> right now, but what kind of tutorial would this be without a definition of the Web?<P>
<P><HR><A NAME="Intro To WW?"><CENTER><H2>What is HTML Web Weaver?</H2></CENTER></A>
HTML Web Weaver is a text editor that can assist you in developing World Wide Web pages <I>(a 'page' is a unit of information in the world of World Wide Web)</I><P>
Web Pages are written in a text language called <EM>HyperText Markup Language</EM>, or <EM>HTML</EM> for short. This language is then read by your Web Browser and turned into the information, you the user see here.<P>
Example:<P>
<BLOCKQUOTE>Web Pages are written in a text language called <EM>HyperText Markup Language</EM>, or <EM>HTML</EM> for short. This language is then read by your Web Browser and turned into the information, you the user see here.</BLOCKQUOTE>
As you can see above, special characters are used to tell your Web Browser to do special things. These commands are called <EM>'tags'</EM>. As you can probably imagine, the variety of tags needed to create a <I>'nice'</I> Web page such as this one can be quite large and complex. HTML Web Weaver works by making these tags easier to use and require less memorization of their exact uses.
<LI> Block Quote - Use this to label text as being quote
<UL><LI> Example: <BLOCKQUOTE>This is an example of how text would look like if you used the block quote HTML tag in your World Wide Web page.</BLOCKQUOTE></UL>
<LI> Bold - Use this to label text as being in bold type face
<UL><LI> Example: <B>Bold</B></UL>
<LI> Center - Use this to label text as being centered on the page
<UL><LI> Example: <CENTER>Center</CENTER></UL>
<LI> Cite - Use this to label text as being a title of a book or movie
<UL><LI> Example: <CITE>Cite</CITE></UL>
<LI> Code - Use this to label text as being computer code
<UL><LI> Example: <CODE>Code</CODE></UL>
<LI> Definition - Use this to label text as a definition
<UL><LI> Example: <DFN>Definition</DFN></UL>
<LI> Emphasis - Use this to label text as needing emphasis
<UL><LI> Example: <EM>Emphasis</EM></UL>
<LI> Fixed Width - Use this to label text to be drawn in a mono spaced font
<UL><LI> Example: <TT>Fixed Width</TT></UL>
<LI> Font Size - Use this to label text as a specific font size
<LI> Italic - Use this to label text as being in italic type face
<UL><LI> Example: <I>Italic</I></UL>
<LI> Keyboard - Use this to label text as being from a typewriter
<UL><LI> Example: <KBD>Keyboard</KBD></UL>
<LI> Preformated text - Use this to label text to be draw '<I>as is</I>', just as if it were done on a typewriter, including spaces and carriage returns.
<UL><LI> <PRE>Example: This is an example of how preformated text would look like in your World Wide Web browser.</PRE></UL>
<LI> Sample - Use this to label text as being a sample item
<UL><LI> Example: <SAMP>Sample</SAMP></UL>
<LI> Strong Emphasis - Use this to label text as needing strong emphasis
<LI> Variable - Use this to label text as being a variable item
<UL><LI> Example: <VAR>Variable</VAR></UL>
</UL>
<P><HR><CENTER><A NAME="Adding Graphics"><H2>Graphics and Images</H2></CENTER></A>
So your wondering how all those other people put those cool pictures on their Web pages?
It's actually quite easy once you know a few things about how the Web uses graphics.
<OL><LI> For starters, your graphics have to be saved in a special format called <EM>'GIF'</EM> <I>(there are other options, but GIF is by far the easiest and most widely used)</I>. To get your graphics into GIF format I recommend a shareware utility for converting most graphic files called <A HREF = "http://hyperarchive.lcs.mit.ed/HyperArchive/Archive/grf/util/gif-converter-237.hqx">'GIFConverter'</A>.
<LI> Second you must properly place your files. In HTML your page document can only easily access other files <I>(in this case your graphic file)</I> if the files are either in the same folder as your web document or in subfolders <I>(or subdirectories for all you non-Macintosh people)</I>. I can't emphasis this enough, most of us have and probably will make this mistakes with this. <UL><LI> Note: You must also name your GIF files with the suffix <I>'.gif'</I>.
</UL>
<LI> Third you have to add the proper HTML tag in your Web page to connect your page with your GIF file. To do this you use the <I>'Files and Images'</I> command in HTML Web Weaver. This intern brings up Web Weaver's <I>'Files and Images Tag Editor'</I> which allows you to choose the file and settings you want. It is very important that before you are finished in the <I>'Files and Images Tag Editor'</I> you make sure the <I>'Directory Path'</I> field displays the correct path. The correct path <EM>SHOULD</EM> consists of the path <I>FROM</I> your Web document to your GIF file. <UL><LI> Example: If your Web file is in the folder <I>'Web Files Folder'</I> and your GIF file is in the subfolder <I>'My GIF files'</I> and is called <I>'MyGIF.gif'</I>. The your proper path should be: <SAMP>My GIF Files/MyGIF.gif</SAMP> <I>(Notice that the '<KBD>/</KBD>'character separates folders)</I>.
Making connections <I>(better know as <EM>links</EM>)</I> from your document to other resources such as...
<UL><LI> other Web pages
<LI> other Web Servers
<LI> FTP servers
<LI> news servers
<LI> WAIS servers
<LI> gopher servers
<LI> telnet connections
</UL>
are created using Web Weaver's <I>'Links'</I> command.<BR>
Once in Web Weaver's 'Link Editor' you are given options of link types...
<UL><LI> http
<UL><LI> This is a link to a different Web server</UL>
<LI> gopher
<UL><LI> This is a link to gopher server</UL>
<LI> telnet
<UL><LI> This is a link to make a telnet connection</UL>
<LI> ftp
<UL><LI> This is a link to ftp server</UL>
<LI> wais
<UL><LI> This is a link to wais server</UL>
<LI> news
<UL><LI> This is a link to news</UL>
<LI> local html file
<UL><LI> This is a link to a web page on the <I>same</I> Web server.
<UL><LI> Note: The rules used for the location of graphic files and the path's from your page to your document <A HREF = "#Adding Graphics">discussed above</A> apply to local html file links.
</UL></UL>
</UL>
<P><HR><CENTER><A NAME="Getting Started"><H2>Getting Started The Right Way</H2></CENTER></A>
Ready to get started?
Before starting there are a few other HTML tags you should keep in mind...
<UL><LI> Paragraph - In HTML paragraphs are separated with the Paragraph tag <I>(looks like a backwards P in Web Weaver)</I>
<LI> Line Breaks - In HTML link breaks <I>(usually referred to as carriage returns in most other programs)</I> are separated by the Line Break tag
<LI> Special Characters - In HTML there are special characters that can not easily be typed. As you might guess you can not just type a < or > any where in your document because they mean special things in HTML <I>(ie. used with tags)</I> so you need to insert special HTML tags <I>(called 'special characters' in Web Weaver)</I> in place of these characters.
<LI> HTML - Use this tag when you want specify what sections of a document are written in HTML.
<LI> Head - Use this tag when you want to specify the head of your HTML document
<LI> Body - Use this tag when you want to specify the body of your HTML document
<LI> Title - Use this tag to specify the title of your Web page <I>(In most Web Browser this becomes the name of the current window)</I>
<LI> Comment - Use this tag when you want to add comments in your HTML documents that you don't want to be viewed in the users Web Browser.
</UL>
In most HTML documents ALL of your text is within this tag. In Web Weaver you can use the <I>'HTML Stationery'</I> file to have the proper default tags already created <I>(ie. HTML, head and body)</I>.
If your interested in a more detailed list of HTML features and options checkout these Web pages...
<P><HR><CENTER><A NAME="Why WW?"><H2>What does HTML Web Weaver Offer That's Special?</H2></CENTER></A>
HTML Web Weaver allows you to easily and quickly create HTML documents by allowing you to write your document and then edit in your tags via a select-and-tag method. HTML Web Weaver also makes more complex HTML tags such as linking to other network services <I>(ie. Gopher, FTP, WAIS and WWW sites)</I> by using a simple information form format.<P>
<FONT SIZE=4><B>Why is HTML Web Weaver better than other programs?</B></FONT><BR>
HTML Web Weaver provides you with both a simple and flexible interface, in other words, it's only as complex as you need it to be. HTML Web Weaver is designed to be very modular allowing a simple step to add new functions <I>(specifically HTML tags)</I> using a simple 'plug-in and play' interface <I>(see the file 'Installation Guide' for details)</I>.<P>
<FONT SIZE=4><B>Some of the key features of Web Weaver are...</B></FONT>
<UL><LI> Easily customized
<LI> Easy and quick to use
<LI> Provides an easy method of previewing your document
<LI> Provides the most extensive online help
<LI> Includes a large library of HTML features and options
</UL><P> <P>
<HR NOSHADE>
For more information on HTML Web Weaver please contact <a href=mailto:Robert.Best@potsdam.edu>Robert.Best@potsdam.edu</a>
